<template>
 
<div>
   <div class="apply_list">
        <div class="headline">已报名(100)</div>
        <div class="content">
         <ul class="list">
            <li class="users_portrait" v-for="(item,index) in items"  v-bind:class="{classname:index==gg}">
          
              <img src="./aimer.jpg" alt="">
            </li> 
           
          </ul>            
         </div>
      </div>
  </div>
</div>
</template>
<script>
 import { SearchProduct }  from 'src/servise/getData'
  export default{
    data(){
      return{
        items:[1,2,3,4],
        gg:'6'
      }
    },

    
  created(){
     console.log(SearchProduct)

      //  this.SearchProduct=SearchProduct; 

      //  请求已写好 下次放出来
      //  this.$http.get(SearchProduct,Qs.stringify({keyword:'',pageIndex:1,pageSize:10})).then((res)=>{
      //    console.log(res.data)
      //    this.SearchProduct=res.data;
       }
    
  }

</script>
<style scoped lang="stylus">

  .apply_list
    margin-top 8px
    background-color #ffffff
    .headline
      font-size 15px
      padding-left 12px
      line-height 40px
      border-bottom 1px solid #E5E5E5
    .content
      overflow scroll     
      padding 10px 10px
      .list
        width:100%;
        display: inline;
        white-space: nowrap;
        overflow-x:scroll;
        float:left;
        overflow-y:hidden
        height 54px
        .users_portrait
          margin-right 4px
          height 54px
          width 54px
          display:inline-block;
          img
            width 100%
            height 100%
</style>

